<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="css/linkbutton.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
    <style>
        .toolbar {
            height: 30px;
            padding: 5px;
        }
    </style>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="js/jquery.linkbutton.js"></script>
    <script>
        function enable() {
            $('a.l-btn').linkbutton({disabled:false});
        }
        function disable() {
            $('a.l-btn').linkbutton({disabled:true});
        }
    </script>
</head>
<body>
<div style="padding:5px;border-bottom:1px solid #ccc;">
    <a href="#" onclick="enable()">enable</a> |
    <a href="#" onclick="disable()">disable</a> |
    <a href="#" onclick="javascript:$('#add').linkbutton({disabled:true})">disable add button</a> |
    <a href="#" onclick="javascript:$('#add').linkbutton({disabled:false})">enable add button</a>
</div>
<div class="toolbar">
    <a id="add" href="#" class="l-btn" icon="icon-add">增加</a>
    <a href="#" class="l-btn" icon="icon-remove">移除</a>
    <a href="#" class="l-btn" icon="icon-save">保存</a>
    <a href="#" disabled="true" class="l-btn" icon="icon-cut">剪切</a>
    <a href="#" class="l-btn" onclick="javascript:alert('ttt')">文本按键</a>
</div>
<div class="toolbar">
    <a href="#" class="l-btn" icon="icon-ok">确定</a>
    <a href="#" class="l-btn" icon="icon-no">不要</a>
    <a href="#" class="l-btn" icon="icon-cancel">取消</a>
    <a href="#" class="l-btn" icon="icon-reload">刷新</a>
    <a href="#" class="l-btn" icon="icon-search">查询</a>
</div>
<div class="toolbar">
    <a href="#" class="l-btn" icon="icon-print">打印</a>
    <a href="#" class="l-btn" icon="icon-help">帮助</a>
    <a href="#" class="l-btn" icon="icon-undo">不做</a>
    <a href="#" class="l-btn" icon="icon-redo">再做</a>
    <a href="#" class="l-btn" icon="icon-back">返回</a>
</div>
</body>
</html>